<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/root.css?var=10"/>
    <link rel="stylesheet" type="text/css" href="css/account/user.css?var=10"/>
    <link rel="stylesheet" type="text/css" href="css/order/order.css?var=10"/>
    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script type="text/javascript" src="js/base/moment.min.js"></script>
    <script src="js/base/api.js?var=10"></script>
    <script src="js/base/magiclamp.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue-filter.js"></script>
    <script src="js/base/vue.js"></script>
    <script src="js/pro_user_goods.js?a=7"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>


    <!-- Core CSS file -->
    <link rel="stylesheet" href="photoswipe/photoswipe.css">

    <!-- Skin CSS file (styling of UI - buttons, caption, etc.)
         In the folder of skin CSS file there are also:
         - .png and .svg icons sprite,
         - preloader.gif (for browsers that do not support CSS animations) -->
    <link rel="stylesheet" href="photoswipe/default-skin/default-skin.css">

    <!-- Core JS file -->
    <script src="photoswipe/photoswipe.min.js"></script>

    <!-- UI JS file -->
    <script src="photoswipe/photoswipe-ui-default.min.js"></script>

    <title>华迅直购</title>

</head>
<body class="whitesmoke">
<!--订单-->
<div id="orderlist">
    <div v-if="show_share_bar" style="position: absolute; z-index: 10000; top: 0px; bottom: 0px;left: 0px;right: 0px; background: rgba(0,0,0,.3)">
        <div style="display: flex; flex-direction: row;margin: auto; margin-top: 15rem; background: #ff4b84;border-radius:1rem; width: 30rem;height: 15rem; ">
            <div style="width: 10rem; padding: 1rem; ">
                <img src="img2/gift.png" style="width: 7rem; margin-top: 2rem;margin-left: 1.5rem;">

            </div>
            <div style="display: flex;flex-direction: column;">
                <div style="color: #ffffff; width: 20rem;margin-top: 1.2rem;padding: 0.5rem;">
                    请点击右上角菜单转发群或者分享朋友圈。
                </div>
                <div style="padding: 1rem;">
                    <button style="color: #000000; background: #ffffff;border-radius: 1.5rem; height: 3rem;width: 10rem;" @click="show_share_bar=false;">返回</button>
                </div>
            </div>

        </div>
    </div>
    <header>
        <a @click="page_back" v-if="baseConfig.is_phone" class="h-left back-btn"><i
                class="iconfont icon-fanhui"></i></a>
        <h1 class="h-title"><img :src="user__icon_url" style="width: 2rem;height: 2rem;">&nbsp;&nbsp;{{user__realname}}的推荐 </h1>
        <a @click="show_share_bar=true;" target="" data-href="" class="h-right">
            <img src="img2/fenxiang2.png" style="width: 4rem;height: 1.2rem;" class="img-icon">
        </a>
    </header>
    <div class="order-item g-wrap" v-for="(order,index) in good_comment_list">

        <div class="my-order-title line"  v-on:click.stop="go_goods_detail(order.goods_id)">
            <div style="display: flex;flex-direction: row;">
                <div style="flex-grow: 0;flex-shrink: 1">
                    <img :src="baseConfig.qn_host + order.goods__small_image__fileurl+'?imageView2/1/w/50/h/50'"  style="height: 5.5rem;">
                </div>

                <div style="display: flex;flex-direction: column;flex-grow: 1; margin-left: 0.5rem;">
                    <div style="min-height: 3rem;font-size: 1.4rem;">
                        {{order.goods__name}}
                    </div>
                    <span class="order-goods-price" style="color: #ff3f38;"
                          v-text="price_filter(order.goods__price-order.goods__bu_tie_price)"></span>
                </div>
            </div>


        </div>

        <div class="my-order-title" style="padding-top: 0.2rem;padding-bottom: 0.2rem;">
            <div style="width: 90%;">
                <span v-if="!order.hide" style="font-size: 1.4rem;">{{order.content}}</span>
                <span v-if="order.hide">没有评价</span>

            </div>


        </div>
        <div class="my-order-title" style="padding-top: 0rem;padding-bottom: 0.2rem;" v-if="order.file_type==1">
            <div style="display: flex;flex-direction: row;flex-wrap: wrap;">

                <img style="margin: 0.1rem;" :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/105/h/105'" width="32%"
                     @click="show_big_pengyou_img(order, img.fileurl)" v-if="order.files_json.length>1"
                     v-for="img in order.files_json">
                <img style="margin: 0.1rem;" :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/350/h/350'" width="65%"
                     @click="show_big_pengyou_img(order, img.fileurl)" v-if="order.files_json.length==1"
                     v-for="img in order.files_json">

            </div>
        </div>
        <div class="my-order-title pengyou_video" style="padding-top: 0rem;padding-bottom: 0.2rem;" v-if="order.file_type==2&&order.video_obj.id" >
            <video :src="baseConfig.qn_host + order.video_obj.fileurl" :id="'video'+order.id"
                   style="width:100%;"
                   x-webkit-airplay="true" preload="auto"
                   x5-video-player-type="h5" webkit-playsinline="true"
                   controls
                   playsinline
                   :poster="get_fengmian(order.video_img__fileurl, order.goods__small_image__fileurl)"
            >

            </video>
        </div>
        <div class="my-order-title" style="padding-top: 0rem;padding-bottom: 0.2rem;color: #cccccc;" >
            {{order.create_time}}
        </div>
    </div>
    <div class="more" @click="query_goods_comment_by_pro_list_by_one" v-if="good_page_index!=good_page_count">加载更多……
    </div>


    <div id="all_pengyou_images" v-if="show_pengyou_dongtai_images">
        <div class="pswp" id="all_pengyou_pswp" tabindex="-1" role="dialog" aria-hidden="true">

            <!-- Background of PhotoSwipe.
                 It's a separate element as animating opacity is faster than rgba(). -->
            <div class="pswp__bg"></div>

            <!-- Slides wrapper with overflow:hidden. -->
            <div class="pswp__scroll-wrap">

                <!-- Container that holds slides.
                    PhotoSwipe keeps only 3 of them in the DOM to save memory.
                    Don't modify these 3 pswp__item elements, data is added later on. -->
                <div class="pswp__container">
                    <div class="pswp__item"></div>
                    <div class="pswp__item"></div>
                    <div class="pswp__item"></div>
                </div>

                <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
                <div class="pswp__ui pswp__ui--hidden">

                    <div class="pswp__top-bar">

                        <!--  Controls are self-explanatory. Order can be changed. -->

                        <div class="pswp__counter"></div>

                        <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>


                        <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                        <!-- element will get class pswp__preloader--active when preloader is running -->
                        <div class="pswp__preloader">
                            <div class="pswp__preloader__icn">
                                <div class="pswp__preloader__cut">
                                    <div class="pswp__preloader__donut"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                        <div class="pswp__share-tooltip"></div>
                    </div>

                    <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
                    </button>

                    <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                    </button>

                    <div class="pswp__caption">
                        <div class="pswp__caption__center"></div>
                    </div>

                </div>

            </div>

        </div>
    </div>
</div>
</body>
</html>